// 【14】文字气泡View抽屉盒子，此抽屉盒子是单独的（退出全屏和进入全屏时都要有） 
.TextBubble-box{
	@extend .u-flex-column;
	@extend .u-flex-al-items-start;//靠左对齐
	@include position(absolute);
	//bottom: 10px;//元素上自动计算
	left: 60rpx;

	&__ani-drawer-item{
		@include m-b(10rpx);
	
		&__TextBubbleView{
			@extend .u-flex-row;
			@extend .u-flex-nowrap;
			@extend .u-flex-juc-center;
			@extend .u-flex-al-items-center;
			
			padding: 0 30rpx;
			border-radius: 10rpx;
			height: 80rpx;
			background-color: rgba(0,0,0,0.65);
			
			&__left-title{
				&__text{
					font-size: 28rpx;
					font-family: 700;
					color: #f1f1f1;
				}
			}
			
			&__right-btn-Event{
				@include m-left(20rpx);
				
				&__text{
					@extend .TextBubble-box__ani-drawer-item__TextBubbleView__left-title__text;
				}
			}
		}
	}
}

// 暂未开放，后期开放，颜色可自定义
.fiqy-color>.app-text{
	color: #00e208;
}
.fyk-color>.app-text{
	color:#00d0d3;
}

// 强制去除 气泡文字View上的css类名extFullControl-Bottom的渐变背景阴影透明度为0
.TextBubble-view{
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))!important;
	background-color: rgba(0,0,0,0)!important;
}
.TextBubble-view-Bottom{
	bottom: 0;// 默认是0，实际上 此View元素出行时，会自动计算bottom的值（距离下面的距离）
}
